<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
    img
        {
        position:absolute;
        left:0px;
        top:0px;
        z-index:-1;
        }
    </style>
</head>
<body>
<h1>注释：Z-index 仅能在定位元素上奏效（position)</h1>
<img src="img/img.jpg" />
<p>由于图像的 z-index 是 -1，因此它在文本的后面出现。</p>
<p>z 轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远</p>
</body>

</html>